//out:../css/systemSettings.css
@import url(./module.less);

body {
    padding-top: (50/@rem);
}

.option {
    padding: 0 (17.5/@rem);
    position: relative;
    ul {
        li {
            border-bottom: @s1 solid @splitAreaBorderColor;
            a {
                font-size: @s16;
                width: 100%;
                display: flex;
                height: (59.75/@rem);
                align-items: center;
                justify-content: space-between;
                .iconfont {
                    color: @text2Color;
                }
            }
        }
    }
    .disableBox {
        position: absolute;
        width: (345/@rem);
        height: 0;
        bottom: 0;
        left: 0;
        border-radius: 0 0 @s10 @s10;
        background-color: #000;
        opacity: 0.1;
    }
}

.exit {
    a {
        display: block;
        font-size: @s16;
        height: (60/@rem);
        text-align: center;
        line-height: (60/@rem);
    }
}

.floatBox {
    width: (278/@rem);
    height: (139/@rem);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: @s12;
    text-align: center;
    transition: all 0.3s;
    z-index: -1;
    opacity: 0;
    .hint {
        border-bottom: @s1 solid @splitAreaBorderColor;
        height: (88.5/@rem);
        line-height: (88.5/@rem);
        p {
            font-size: @s16;
        }
    }
    .btn {
        height: (49.5/@rem);
        line-height: (49.5/@rem);
        display: flex;
        align-items: center;
        a {
            display: block;
            width: (139/@rem);
            font-size: @s16;
        }
        .cancel {
            border-right: @s1 solid @splitAreaBorderColor;
            color: @text2Color;
        }
        .yes {
            color: @mainColor;
        }
    }
}

